import React from "react";
import '../../App.css';
import International from "../International/International";
import { Button } from 'antd';

interface VideoUrl {
    videoUrl : string
}
class App extends React.Component <any,any>{
    constructor(props: VideoUrl) {
      super(props);
      this.state = {
          videoUrl : `https://tucdn.wpon.cn/api-girl/videos/`,
          count : 1,
          houzui:".mp4"
      };
    }
    clicked(){
        console.log(11111);
        this.setState({count: this.state.count + 1})
    }

    render() {
      return (
        <div>
            <button value="按钮" onClick={()=>{this.setState({count: this.state.count - 1})}}>上一个</button>

            <video controls autoPlay src={(this.state.videoUrl + this.state.count + this.state.houzui)}></video>

            <Button type="primary" onClick={()=>{this.setState({count: this.state.count + 1})}}>Button</Button>
            {/* <button value="按钮" onClick={()=>{this.setState({count: this.state.count + 1})}}>下一个</button> */}
            <International/>
        </div>
      );
    }
  }

export default App;